<template>
  <div class="ct-card" :style="{ width: width ? `${width}px` : '' }">
    <div class="ct-card-img" :style="{ height: imgHeight ? `${imgHeight}px` : '' }">
      <img :src="imgSrc" :alt="imgSrc" :style="{ 'object-fit': objectFit }" />
    </div>
    <p class="ct-card-summary" v-if="summary">
      {{ summary }}
    </p>
    <slot v-else name="default"></slot>
    <slot v-if="$slots.footer" name="footer"></slot>
  </div>
</template>
<script setup>
import propsOptions from './props'
defineOptions({
  name: 'CtCard',
})
const props = defineProps(propsOptions)
</script>
<style lang="scss" scoped></style>
